<template>
  <div class="register-redirect">
    <div class="container py-5 text-center">
      <div class="row justify-content-center">
        <div class="col-12 col-md-8 col-lg-6">
          <div class="card">
            <div class="card-body p-5">
              <i class="fas fa-user-plus fa-4x text-primary mb-4"></i>
              <h3 class="mb-3">注册新账户</h3>
              <p class="text-muted mb-4">
                请前往登录页面进行注册，我们已将注册功能集成在登录页面中。
              </p>
              <router-link to="/login" class="btn btn-primary btn-lg">
                <i class="fas fa-arrow-right me-2"></i>
                前往登录/注册
              </router-link>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'


const router = useRouter()

// 自动重定向到登录页面
onMounted(() => {
  setTimeout(() => {
    router.push('/login')
  }, 3000) // 3秒后自动跳转
})
</script>

<style scoped>
.register-redirect {
  background-color: #f8f9fa;
  min-height: 100vh;
}

.card {
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
</style> 